<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link href="css/frame3.css" media="screen" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="js/js-athena.js"></script>
	<script type="text/javascript" src="js/processJson.js"></script>
	<script type="text/javascript" src="js/ulti.js"></script>
	<script type="text/javascript" src="js/temp.js"></script>
</head>
<body>
	<div class="wrapper" id="wrapperPG">
		<div id="infoTbl">100 -- Bàn 60</div>
		<div id="tblGame">
			<div id="table">
				<div id="btnStart">
					<input type="button" value="Bắt Đầu" id="btnStart" class="btn" onclick="processServerSend()"></input>
				</div>
				<div id="cardAll" class="card" onclick="clickAddCard()"></div>
				<div id="cardBot"></div>
				<div id="cardLeft" class="card"></div>
				<div id="cardTop" class="card"></div>
				<div id="cardRight" class="card"></div>
				<div id="gamerBot_gamble" class="gamble"></div>
				<div id="gamerLeft_gamble" class="gamble">
					<div onclick="clickTakeCard()" id="gambleLeft_1" class="card_gamble" style="background-image: url('image/s.png'); left: 0%; top: 0%; width: 35%; height: 100%; display: block; z-index: 1;">
						<span id="spanGambleL_1" class="spanNum" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);">2</span>
					</div>
				</div>
				<div id="gamerTop_gamble" class="gamble"></div>
				<div id="gamerRight_gamble" class="gamble"></div>
				<div id="downBot" class="downCard"></div>				
				<div id="downLeft" class="downCard"></div>
				<div id="downTop" class="downCard"></div>
				<div id="downRight" class="downCard"></div>
				<div class="timer" id="timerBot"></div>
				<div class="timer" id="timerLeft"></div>
				<div class="timer" id="timerTop"></div>
				<div class="timer" id="timerRight"></div>
			</div>
		</div>
		<div id="btnUlti">
			<input type="button" value="Quay lại" class="btn" id="back" onclick="resetGame()"></input>			
		</div>
		<table id="tblBtn" cellspacing='0'  border='0' cellpadding='0'>
			<tr>
				<td class="cellL">
					<input type="button" value="Xếp bài" class="btn" id="sort" onclick="sortCard()"></input>
					<input type="button" value="Đánh bài" class="btn" id="gamble" onclick="setGamble()"></input>
				</td>
				<td class="cellR">					
					<input type="button" value="Hạ bài" class="btn" id="down" onclick="clickDownCard()"></input>
					<input type="button" value="Gửi bài" class="btn" id="attach" onclick="a()"></input>
				</td>
			</tr>
		</table>
	</div>
	
	<div id="popUpDownState" class="popUp">
		<a class="popupClose" onclick="closePopUp(3)">x</a>
		<table class="tblSelect" cellspacing='0'  border='0' cellpadding='0'>
			<tr>
				<td><input type="radio" name="state" value="auto" class="radio" id="sa"></td>
				<td><label for="sa" class="lblSelect">Hạ tự động</label></td>
			</tr>
			<tr>
				<td><input type="radio" name="state" value="manual" class="radio" id="sm"></td>
				<td><label for="sm" class="lblSelect">Hạ bằng tay</label></td>
			</tr>
		</table>
		<div class="divBtnPopUp">
			<input type="button" value="Ok" class="btnPU" onclick="autoDown()">
		</div>	
	</div>
</body>
</html>